<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .personBlock{
            float: right;
            width: 330px;
            height: 440px;
            border: 1px solid #999999;
            border-radius: 3px;
            text-align: center;
        }
        #avatar{
            border: 5px solid aliceblue;
            border-radius:50%;
            width: 120px;
            height: 120px;
        }
        #avatarDiv{
            margin-top: 40px;
            text-align: center;
        }
        .personFont{
            font: normal 18px 微软雅黑;
        }
        #post{
            text-align: center;
            margin-top: 50px;
            width: 120px;
            height: 40px;
            border: 1px solid #999999;
            border-radius: 3px;
            background-color: white;
            font: 15px 微软雅黑;
            color: #666666;
        }

    </style>
</head>
<body>
<div class="personBlock">
    <div id="avatarDiv">
        <img src="头像示例.jpg" id="avatar">
    </div>
    <div>
        <br>
        <t class="personFont">这是一个用户名</t><br><br>
        <t class="personFont">粉丝：</t><t  class="personFont" id="fansNum">33</t><br>
        <t class="personFont">关注：</t><t class="personFont" id="followNum" >33</t>
    </div>
    <input type="button" name="post" id="post" value="发帖子"><br>
</div>

</body>
</html>